/*全局*/
.fill-blank::after{content: '';width: 100%;height: 50px;display: block}/*用空白填充*/


/*底部导航栏*/
.tab-bar{height:50px;width: 100%;position: fixed;bottom: 0;display: flex;justify-content: space-around;border-top: 1px solid #d1c6af;}
.tab-bar a{display: flex;flex-direction: column;align-items: center;justify-content: center}
.tab-bar a span:first-child{background-image: url("../img/tab-bar.png");background-repeat: no-repeat;width: 24px;height: 27px;display: inline-block;background-size: 50px auto}
.tab-bar a span.index{background-position: -24px 3px}
.tab-bar a.active  span.index{background-position: 0px 3px}
.tab-bar a.active  span{color: #00a900}

.tab-bar a span.cake{background-position: -24px -22px}
.tab-bar a.active  span.cake{background-position: 0 -22px}


.tab-bar a span.distribution{background-position: -24px -171px}
.tab-bar a.active  span.distribution{background-position: 0 -171px}


.tab-bar a span.bag{background-position: -24px -47px}
.tab-bar a.active  span.bag{background-position: 0px -47px}

.tab-bar a span.my{background-position: -24px -73px}
.tab-bar a.active  span.my{background-position: 0px -73px}


/*---------------------------index 页面-----------------------------------------------*/
/*banner轮播图*/

.index .fullSlide{ position:relative;margin:0 auto; }
.index .fullSlide .bd{ position:relative; z-index:0; }
.index .fullSlide .bd ul li{position: relative}
.index .fullSlide .bd li img{width:100%; vertical-align:top;  }
.index .fullSlide .hd{position:relative; z-index:1; margin-top:-40px; height:30px; line-height:30px;  text-align:center;}
.index .fullSlide .hd ul{ text-align:right;  padding-right:25px;  }
.index .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../img/tg_flash_p_red.png) -18px 0; overflow:hidden;font-size:0;}

.index .fullSlide .item-detail{position: absolute;bottom: 40px;left: 20px;}
.index .fullSlide .item-detail .main-title{font-size: 22px;font-weight: bold;position: relative}
.index .fullSlide .item-detail .sub-title{font-size: 20px;}
.index .fullSlide .item-detail .main-title::before{ width: 5px;background: #e8380d;height: 20px;content: '';position: absolute;display: inline-block;left: -13px;top: 50%;margin-top: -10px;}
.index .fullSlide .hd ul .on{ background-position:0 0; }
.index .fullSlide .color-white{color: #fff!important;}
.index .fullSlide .color-blue{color: #28a6e3!important;}
.index .fullSlide .color-red{color: #d71106!important;}
.index .fullSlide .color-blue-1{color: #48789a!important;}

/*首页index --- club*/
.index{overflow: auto;height: 100%}
.index .club{background: url("../img/club-bg.jpg");background-size: cover;width: 100%;background-repeat: no-repeat;display: flex;justify-content: space-around;}
.index .club .l-text{margin-top: 65px}
.index .club .l-text p{color: #3e3e3e;font-size: 14px;line-height: 14px;margin-top: 8px}
.index .club .l-text p a{text-decoration: underline;color: #cea461;font-size: 13px}
.index .club .l-text .kt{font-size: 12px;color: #fff;padding: 7px 15px;display: inline-block;background: #cda366;margin-top: 40px}
.index .club .r-img{margin: 50px 0 30px}
.index .club .r-img img{width: 110px;}

/*首页index --- discount*/
.discount{background: url("../img/bg.png");background-repeat: no-repeat;background-size: cover;height: 190px;width: 100%;margin-top: 8px;}
.discount h1{padding: 10px 12px;display: flex;justify-content: space-between;align-items: center}
.discount h1 .title{height: 18px}
.discount h1 .more{height: 28px}

.discount .list-box{display: flex;justify-content: space-around}
.discount .list-box .item .img-box{width: 115px;overflow: hidden}
.discount .list-box .item .img-box img{width: 115px;vertical-align: middle}
.discount .list-box .item .text{display: flex;}
.discount .list-box .item .text span{color: #fff;box-sizing: border-box;font-size: 12px;line-height: 21px;height: 21px;flex-grow: 1}
.discount .list-box .item .text span:first-child{background:#7d7d7d;text-decoration: line-through;border:1px solid  #a7977a;padding: 0 6px;}
.discount .list-box .item .text span:nth-of-type(2){ background-image: linear-gradient(#f3bb42, #ff7d01);width: 61px;padding-left: 5px;}
.discount .list-box .item .text i{background-image: url("../img/icon-arrow.png");width: 10px;height: 10px;background-size: 100%;display: inline-block;background-repeat: no-repeat;margin-left: 2px}

/*speedBanner 宣传图*/
.speed-banner {background-image: url(../img/speedBanner_1.jpg);width: 100%;height: 150px;background-size: 100%;background-repeat: no-repeat;display: inline-block;margin-top: 8px;}


/*侧栏动图*/
.private-sphere{width: 150px;height: 150px;background-image: url(../img/privateSphere_3.png);background-repeat: no-repeat;background-size: contain;position: fixed;bottom: 100px;right: -95px;}
.private-sphere.toLeft{animation: toLeft 1s ease forwards;-webkit-animation:toLeft 1s ease forwards;}
.private-sphere.toRight{animation: toRight 1s ease forwards;-webkit-animation:toRight 1s ease forwards;}
@keyframes toLeft {
    from{transform: translateX(0px)}
    to{transform: translateX(-95px)}
}

@keyframes toRight {
    from{transform: translateX(-95px)}
    to{transform: translateX(0px)}
}

/*平铺宣传图片 蛋糕推荐*/
.theme-title{height: 20px;line-height: 20px;font-weight: bold;color: #3e3e3e;text-align: center;margin: 20px 0 8px;;font-size: 15px}
.theme-title span{position: relative;}
.theme-title span::before{content: '-';position: absolute;font-size: 16px;left:0;margin-left: -10px;}
.theme-title span::after{content: '-';position: absolute;font-size: 16px;right: 0;margin-right: -10px;}
.theme-content .item{position: relative;display: inline-block;margin-top: 8px}
.theme-content .item img{width: 100%;height: 240px;vertical-align: middle}
.theme-content .item .item-detail{position: absolute;top: 25px;left: 20px;}
.theme-content .item .item-detail .name{font-size: 14px;position: relative}
.theme-content .item .item-detail .name::before{content: '';width: 5px;height: 14px;margin-top: -7px;top: 50%;background: #e8380d;position: absolute;left: -10px;}
.theme-content .item .item-detail .con{font-size: 12px;}
.theme-content .color-white{color: #fff;}

/*底部一列标签*/
.section-others{display: flex;justify-content: space-around;background: #fff;padding: 10px 10px 15px;margin: 15px 0}
.section-others a{position: relative;padding: 40px 0 0 ;}
.section-others a::before{content:'';background-image: url("../img/icons_5.png");background-repeat: no-repeat;width: 30px;height: 30px;position: absolute;background-position: 0 0;background-size: 400px auto;top: 50%;margin-top: -20px;left: 50%;margin-left: -15px}

.section-others a.one::before{background-position:-165px -8px; }
.section-others a.two::before{background-position:-205px -6px; }
.section-others a.three::before{background-position:-245px -6px; }


/*---------------------------cake 页面-----------------------------------------------*/
.cake{background: #fff;height: 100%}
.cake .fixed-header{position: fixed;top: 0;height: 40px;border-bottom: 1px solid #d1c6af;display: flex;justify-content: space-between;width: 100%;align-items: center;background: #fff;padding: 0 15px 0 27px;z-index: 1}
.cake .fixed-header a,.cake .fixed-header h1,.cake .fixed-header h1 a{font-size: 16px;color: #3e3e3e;}
.cake .fixed-header h1 a{display: inline-block;padding: 0  20px;}

.cake .fixed-header .icon{position: relative}
.cake .fixed-header .position.icon:before,
.cake .fixed-header .shift.icon::before
{content: '';background-image: url(../img/icons_1.png);background-size: 200px auto;width: 20px;height: 20px;display: inline-block;background-repeat: no-repeat;position: absolute;}

.cake .fixed-header .position.icon:before{background-position: -100px -39px;left: -20px;}
.cake .fixed-header .shift.icon:before{background-position: -180px -40px;left:-20px}

.cake .fixed-header .fix-title .active{color: #ff4001}
.cake .preach{background-image: url("../img/preach.jpg");background-repeat: no-repeat;background-size: contain;height: 17rem;width: 100%;margin: 0 auto}
.cake .main{padding: 60px 20px 20px;height: 100%;overflow-y: auto}
.cake .main .goods-list{display: flex;justify-content: space-between;flex-wrap: wrap}
.cake .main .goods-list::after{content: '';display: block;height: 50px;width: 100%}
.cake .main .goods-list .item{width: 48%;margin-top: 10px}
.cake .main .goods-list .item a{display: inline-block;position: relative}
.cake .main .goods-list .item .img-box{width: 100%;height: 100%;}
.cake .main .goods-list .item .img-box img{max-width: none;max-height: 100%;width: 10rem}
/*.cake .main .goods-list .item .img-box{background-image: url("../img/list_24747.jpg");background-repeat: no-repeat;background-size: contain;height:10rem;width: 10rem;position: relative}*/
.cake .main .goods-list .item .tips{position: absolute;left: 0;top: 0;width: 60px;height: 60px;background: url(../img/cornerMark.png);background-repeat: no-repeat;background-size: contain;}
.cake .main .goods-list .item .tips .tips-text{color: #483f35;font-size: 10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg );display: inline-block;line-height:44px;width: 100%;position: absolute;left: -8px;overflow: hidden;white-space: nowrap;color: #483f35;text-align: center}
.cake .main .goods-list .item .detail h4{color:#3e3e3e;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 3px 0;line-height: 14px;font-size: 12px}
.cake .main .goods-list .item .detail p{line-height: normal}
.cake .main .goods-list .item .detail span{display: inline-block}
.cake .main .goods-list .item .detail .tag{color: #fff;background: #cea461;border-radius: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 10px;padding: 0 2px;display: inline-block;max-width: 100%}
.cake .main .goods-list .item .detail .reason{font-size: 10px;color:#9c9c9c;margin-top: 2px;line-height: 12px;max-height: 24px;overflow: hidden;}
.cake .main .goods-list .item .detail .price{overflow: hidden;white-space: nowrap;margin-top: 2px}
.cake .main .goods-list .item .detail .new-price{color: #cea461;font-size: 14px;position: relative;margin-right: 2px}
.cake .main .goods-list .item .detail .markup-price{color:#cea461 ;font-size: 12px;padding-left: 49px;position: relative}
.cake .main .goods-list .item .detail .markup-price::before{content: '';background: url(../img/markupPrice.png);background-repeat: no-repeat;background-size: contain;width: 49px;height: 16px;background-position: 0 0;display: inline-block;position: absolute;left: 0;margin-top: -8px;top: 50%;}


/*筛选 右侧弹框*/
.cake .shift-box.animation .cover{display: block;transition: all 1s ease;-webkit-transition:all 1s ease; }
.cake .shift-box.animation .shift-content{transition: all 1s ease;-webkit-transition: all 1s ease;transform: translateX(-100%);-webkit-transform: translateX(0) }


.cake .shift-box .cover{position: fixed;width: 100%;height: 100%;left: 0;top:0;background: rgba(0, 0, 0, 0.6);z-index: 1;display: none;transition: all 1s ease;-webkit-transition:all 1s ease;}
.cake .shift-box .shift-content{width: 70%;height: 100%;background: #FFFFFF;position: fixed;top: 0;right: 0;z-index: 2;transform: translateX(100%);transition: all 1s ease;-webkit-transition: all 1s ease;}

.cake .shift-box .shift-content h1{height: 2.2rem;line-height: 2.2rem;padding: 0 10px;color: #a38d6b;border-bottom: 1px solid #a38d6b;font-size: 1.05rem;}
.cake .shift-box .shift-content dl{display: flex;flex-wrap: wrap;justify-content: space-around;padding: 0 5px}
.cake .shift-box .shift-content dl dt{height: 2.2rem;line-height: 2.2rem;padding: 0 5px;color: #939393;font-size: 1.05rem;width: 100% }
.cake .shift-box .shift-content dl dd{width: 30%;font-size: 0.8rem;color: #939393;border:1px solid #eee;border-radius: 2px;text-align: center;margin-bottom: 8px;padding: 4px 0;}
.cake .shift-box .shift-content dl dd.placeholder{border: none}
.cake .shift-box .shift-content dl dd.active{border-color:#a38d6b!important;}
.cake .shift-box  .opera-btn{position: absolute;bottom: 0;width: 100%;color: #a38d6b;font-size: 0.8rem;display: flex;box-sizing: border-box;z-index: 3;right: 0;border-top: 1px solid #a38d6b;}
.cake .shift-box  .opera-btn a{width: 50%;text-align: center;color: #a38d6b;padding: 0.5rem 0;}
.cake .shift-box  .opera-btn a.active{color: #fff;background: #a38d6b}

/*筛选 左侧弹框*/
.cake .position-box .cover{position: fixed;width: 100%;height: 100%;left: 0;top:0;background: rgba(0, 0, 0, 0.6);z-index: 1;display: none;transition: all 1s ease;}
.cake .position-box .position-content{width: 70%;height: 100%;background: #FFFFFF;position: fixed;top: 0;left: 0;z-index: 2;padding: 18px;color:#3e3e3e;transform: translateX(-100%);transition: all 1s ease;}

.cake .position-box.animation .cover{display: block;transition: all 1s ease;-webkit-transition: all 1s ease;}
.cake .position-box.animation .position-content{display: block;transition: all 1s ease;-webkit-transition: all 1s ease;transform: translateX(0)}


.cake .position-box .position-content .main-title{font-size: 1.1rem;padding: 5px 0}
.cake .position-box .position-content .sub-title{font-size: .9rem;padding: 0.4rem 0 0.6rem 0;}
.cake .position-box .position-content .sub-title strong{font-weight: normal}
.cake .position-box .position-content .list-box{padding: 0.7rem 0 0.7rem 1.6rem;overflow-y: auto;border-top: 1px solid #e0dcd1;border-bottom: 1px solid #e0dcd1;display: flex;flex-direction: column;justify-content: space-around;height: 75%;}
.cake .position-box .position-content .list-box a{flex: 1;    display: flex;align-items: center;}
.cake .position-box .position-content .list-box a.active span::before{content: '';width: 0.2rem;height: 50%;background: #e8380d;position: absolute;left: -0.5rem;top: 50%;margin-top: -25%;}
.cake .position-box .position-content .list-box a  span{position: relative;display: inline-block;font-size: 0.9rem}
.cake .position-box .position-content .search-box{height: 5rem;line-height: 5rem;padding: 0 1.6rem;}
.cake .position-box .position-content  .search-box a{display: inline-block;position: relative;font-size: 0.9rem}
.cake .position-box .position-content  .search-box a.icon::before,
.cake .position-box .position-content  .search-box a.icon::after{content:'';background-image: url("../img/icons_5.png");background-repeat: no-repeat;width: 30px;height: 30px;position: absolute;background-position: 0 0;background-size: 300px auto;display: inline-block;top: 50%;
    margin-top: -15px}
.cake .position-box .position-content  .search-box .serach.icon::before{left:-30px;background-position: -209px 0 ;}
.cake .position-box .position-content  .search-box .serach.icon::after{background-position: -61px -59px;}


/*购物袋*/
.shopbag{height: 100%;overflow-y: auto}
.shopbag::after{content: '';display: block;width: 100%;height: 100px;}
.shopbag-box{padding:  8px 12px 8px 50px ;position: relative;background: #fff;margin-bottom: 10px}

.shopbag-box .radio{display: inline-block;width: 50px;height: 100%;position: absolute;box-sizing: border-box;left: 0;bottom: 0;}
.shopbag-box .radio::before{content: '';
    background-image: url(../img/icons_2.png);width: 24px;height: 24px;background-size: 200px;background-repeat: no-repeat;display: inline-block;background-position: -178px -117px;top: 50%;margin-top: -13px;position: absolute;left: 16px;}
.shopbag-box .radio.active::before{background-position:-177px -139px}

.shopbag-box .detail-box{display: flex;justify-content: flex-start}
.shopbag-box .detail-box .details{width: 100%;overflow: hidden}
.shopbag-box .detail-box .imgwrap {margin-right: 8px}
.shopbag-box .detail-box .imgwrap img{width: 90px;height: auto;vertical-align: middle;}
.shopbag-box .detail-box .details .title {font-size: 12px;margin-top: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #3e3e3e;}


.shopbag-box .detail-box .details  .prize{color: #cea461;font-size: 20px;text-align: left;line-height: 14px;margin-top: 5px}
.shopbag-box .detail-box .details .prize span{vertical-align: middle}
.shopbag-box .detail-box .details .prize span:nth-of-type(1){font-size: 12px;display: inline-block;padding-left: 43px;position: relative;}
.shopbag-box .detail-box .details  .prize span:nth-of-type(1)::before{content: '';background: url("../img/markupPrice.png");background-position: 0 0;background-size: 45px;background-repeat: no-repeat;position: absolute;width: 45px;height: 16px;top: 50%;margin-top: -8px;left: -3px;}

.shopbag-box .detail-box .details  .addition{display: flex;justify-content: space-between;align-items: flex-end;height: 45%;}
.shopbag-box .detail-box .details  .addition span{font-size: 14px;color: rgb(255, 64, 1)}
.shopbag-box .detail-box .details  .addition div{line-height: 25px;}
.shopbag-box .detail-box .details .addition input {width: 30px;height: 25px;background-color: #efefef;text-align: center;overflow: auto;padding: 0 4px;box-sizing: border-box;color: #3e3e3e;font-size: 12px}
.shopbag-box .detail-box .details .addition a {display: inline-block;width: 35px;height: 25px;background-color: #efefef;text-align: center;border-radius: 2px;position: relative;top:8px}
.shopbag-box .detail-box .details .addition a::after{content: '';background-image: url(../img/icons_2.png);background-size: 200px;background-repeat: no-repeat;width: 20px;height: 20px;display: inline-block;position: absolute;left: 50%;margin-top: -10px;top: 50%;margin-left: -10px;}
.shopbag-box .detail-box .details .addition a.sub::after{background-position: 0px 0px;}
.shopbag-box .detail-box .details .addition a.add::after{background-position: -20px -0px;}
.shopbag-box .detail-box .details .addition a.del::after{background-position: -160px 0px;}

.shopbag  .footer{position: fixed;width: 100%;background: #fff;height: 50px;bottom: 50px;padding-left: 50px}
.shopbag  .footer .radio{display: inline-block;width: 50px;height: 100%;position: absolute;box-sizing: border-box;left: 0;bottom: 0;}
.shopbag  .footer .radio::before{content: '';
    background-image: url(../img/icons_2.png);width: 24px;height: 24px;background-size: 200px;background-repeat: no-repeat;display: inline-block;background-position: -178px -117px;top: 50%;margin-top: -13px;position: absolute;left: 16px;}
.shopbag  .footer .radio.active::before{background-position:-177px -139px}
.shopbag  .footer .contain{display: flex;}
.shopbag  .footer .contain .box{width: 70%;display: flex;justify-content: space-between;align-items: center;padding-right: 8px;color: #3e3e3e;font-size: 12px}
.shopbag  .footer .contain .box .price{display: flex;flex-direction: column;justify-content: center}
.shopbag  .footer .contain .box .price span i {color:#ff4001 }
.shopbag  .footer .contain .btn{line-height: 50px;text-align: center;color: #fff;font-size: 12px;background: #ff4001;width: 30%}
























    /*我的*/
.my .user-box{height: 8.4rem;background: #fff;display: flex;justify-content: center;align-items: center;flex-direction: column}
.my .user-box img{width: 3.8rem;height: 3.8rem;}
.my .user-box a{padding: 0.23rem 1.3rem;font-size: 12px;color: #ffffff;background: #a38d6b;border-radius: 3px;display: inline-block;margin-top: 8px;}

.my .contain{width: 90%;margin: 0 auto}
.my .order-status{margin-top:10px;background: #fff;border-radius: 5px;font-size: 12px;}
.my .order-status .title{padding: 0.7rem;border: 1px solid #f9f9f9;color: #3e3e3e}
.my .order-status .list{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.my .order-status .list a{width: 25%;text-align: center;position: relative; padding: 2.5rem 0 1.2rem}
.my .order-status .list a::before{content: '';position: absolute;left: 0;width: 1.7rem;height: 1.7rem;top: 0.6rem;left: 1.7rem;background-image: url(../img/icons.png);background-size: 14rem;}

.my .order-status .list a:nth-of-type(1)::before{background-position: -0.7rem -0.6rem;}
.my .order-status .list a:nth-of-type(2)::before{background-position: -3.3rem -0.6rem;}
.my .order-status .list a:nth-of-type(3)::before{background-position: -6.1rem -0.6rem;}
.my .order-status .list a:nth-of-type(4)::before{background-position: -8.9rem -0.6rem;}
.my .order-status .list.second a:nth-of-type(1)::before{background-position: -11.7rem -0.6rem;}
.my .order-status .list.second a:nth-of-type(2)::before{background-position: -6.1rem -6rem;}
.my .order-status .list.second a:nth-of-type(3)::before{background-position: -0.5rem -3.3rem;}
.my .order-status .list.second a:nth-of-type(4)::before{background-position: -8.9rem -3.3rem;}
.my .order-status .list.second a:nth-of-type(5)::before{background-position: -11.7rem -3.3rem;}
.my .order-status .list.second a:nth-of-type(6)::before{background-position: -3.3rem -6rem;}

.my .membership{display: block;background: url(../img/membership.png);height: 3.2rem;width: 100%;background-size: cover;margin: 15px 0;position: relative}
.my .membership::after{display: block;content: '';height: 5px;width: 100%;}
.my .membership .box{position: absolute;width: 65%;display: flex;justify-content: space-between;align-items: center;height: 100%;color: #fff;left: 5.3rem;font-size: 12px}
